﻿{include title="管理员列表" keywords="" description=""  file='../application/admin/view/layout/header.html' /}

<body>
<div class="x-nav">
	<span class="layui-breadcrumb">
		<a>
		  <cite>首页</cite>
		</a>
		<a>
		  <cite>管理员管理</cite>
		</a>
		<a>
		  <cite>管理员列表</cite>
		</a>
	</span>
	<a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right" href="javascript:location.replace(location.href);" title="刷新">
		<i class="layui-icon" style="line-height:30px">&#xe669;</i>
	</a>
</div>
<div class="x-body">
	<div class="layui-row">
		<form class="layui-form layui-col-md12 x-so" method="get" action="{:url('admin/admin/index')}">
			<input type="text" name="username"  placeholder="请输入用户名" value="{$username}" class="layui-input">
			<button class="layui-btn layui-btn-lg"><i class="layui-icon">&#xe615;</i></button>
		</form>
	</div>
	<xblock>
		<button class="layui-btn" onclick="x_admin_show('添加用户','{:url(\'admin/admin/adminAdd\')}',600,600)"><i class="layui-icon"></i>添加</button>
	</xblock>
	<table class="layui-table">
		<thead>
		<tr>
			<th >ID</th>
			<th >登录名</th>
			<th >姓名</th>
			<th >手机</th>
			<th >邮箱</th>
			<th >角色</th>
			<th >加入时间</th>
			<th >备注</th>
			<th >是否已启用</th>
			<th >操作</th>
		</thead>
		<tbody>
		<tr>
		{foreach $data as $k => $v}
			<tr class="text-c">
				<td>{$v['id']}</td>
				<td>{$v['username']}</td>
				<td>{$v['nickname']}</td>
				<td>{$v['phone']}</td>
				<td>{$v['email']}</td>
				<td>
					{foreach $role as $vv}
					{if ($vv['id']==$v['role_id'])}
					{$vv['name']}
					{/if}
					{/foreach}
				</td>
				<td>{:date('Y-m-d H:i:s',$v['create_time'])}</td>
				<td>{$v['remark']}</td>
				<td class="td-status">
					{if ($v['status']==1)}
						<span class="layui-btn layui-btn-xs layui-btn-normal">已启用</span>
					{else}
						<span class="layui-btn layui-btn-xs layui-btn-disabled">已禁用</span>
					{/if}
				</td>
				<td class="td-manage">
					{if ($v['id']==1)}
					<a style="text-decoration:none" onClick="layer.msg('超级管理员不允许被此操作',{icon:2,time:1000});" href="javascript:;" title="停用"><i class="layui-icon">&#x1006;</i></a>
					<a title="编辑" href="javascript:;" onclick="layer.msg('超级管理员不允许被此操作',{icon:2,time:1000});"
					   class="ml-5" style="text-decoration:none"><i class="layui-icon">&#xe642;</i></a>
					<a title="删除" href="javascript:;" onclick="layer.msg('超级管理员不允许被此操作',{icon:2,time:1000});"
					   class="ml-5" style="text-decoration:none"><i class="layui-icon">&#xe640;</i></a>
					{else}
					{if ($v['status']==1)}
					<a style="text-decoration:none" onClick="admin_stop(this,'{$v[\'id\']}')" href="javascript:;" title="停用"><i class="layui-icon">&#x1006;</i></a>
					{else}
					<a style="text-decoration:none" onClick="admin_start(this,'{$v[\'id\']}')" href="javascript:;" title="启用"><i class="layui-icon">&#xe605;</i></a>
					{/if}
					<a title="编辑" href="javascript:;" onclick="x_admin_show('管理员编辑','{:url(\'admin/admin/adminEdit\',[\'id\'=>$v.id])}','800','600')"
					   class="ml-5" style="text-decoration:none"><i class="layui-icon">&#xe642;</i></a>
					<a title="删除" href="javascript:;" onclick="admin_del(this,'{$v[\'id\']}' )"
					   class="ml-5" style="text-decoration:none"><i class="layui-icon">&#xe640;</i></a>
					{/if}

				</td>
			</tr>
		{/foreach}
		</tbody>
	</table>
</div>
<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript">

    /*管理员-删除*/
    function admin_del(obj,id){
        layer.confirm('确认要删除吗？',function(index){
            $.ajax({
                type: 'POST',
                url: '<?php echo url("admin/admin/delUSer")."?id="?>'+id,
                dataType: 'json',
                success: function(msg){
                    if (msg.status =='y'){
                        $(obj).parents("tr").remove();
                        layer.msg('已删除!',{icon:1,time:1000});
                    }else{
                        layer.msg(msg.info,{icon:2,time:1000});
                    }
                }
            });
        });
    }

    /*管理员-停用*/
    function admin_stop(obj,id){
        layer.confirm('确认要停用吗？',function(index){
            //此处请求后台程序，下方是成功后的前台处理……
            $.get('<?php echo url("admin/admin/banUser")?>',{id:id},function (msg) {
                if (msg.status == 'y'){
                    $(obj).parents("tr").find(".td-manage").prepend('<a onClick="admin_start(this,'+id+')" href="javascript:;" title="启用" style="text-decoration:none"><i class="layui-icon">&#xe605;</i></a>');
                    $(obj).parents("tr").find(".td-status").html('<span class="layui-btn layui-btn-xs layui-btn-disabled">已禁用</span>');
                    $(obj).remove();
                    layer.msg('已停用!',{icon: 1,time:1000});
                }else{
                    layer.msg(msg.info,{icon: 2,time:1000});
                }
            },'json');
        });
    }

    /*管理员-启用*/
    function admin_start(obj,id){
        layer.confirm('确认要启用吗？',function(index){
            //此处请求后台程序，下方是成功后的前台处理……
            $.get('<?php echo url("admin/admin/banUser")?>',{id:id},function (msg) {
                if (msg.status == 'y'){
                    $(obj).parents("tr").find(".td-manage").prepend('<a onClick="admin_stop(this,'+id+')" href="javascript:;" title="停用" style="text-decoration:none"><i class="layui-icon">&#x1006;</i></a>');
                    $(obj).parents("tr").find(".td-status").html('<span class="layui-btn layui-btn-xs layui-btn-normal">已启用</span>');
                    $(obj).remove();
                    layer.msg('已启用!', {icon: 1,time:1000});
                }else {
                    layer.msg(msg.info,{icon: 2,time:1000});
                }
            },'json');

        });
    }
</script>
</body>
</html>